body{
	margin:0px;
	padding:0px;
	background:#fff;
	font-size:2em;
}

a{
	text-decoration:none;
}
select{
	-webkit-user-select:auto;
	outline:none;
}


input{
	-webkit-user-select:auto;
	outline:none;
}

textarea{
	-webkit-user-select:auto;
	outline:none;
}

.flexDiv{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
}
/*
loading{
	position:fixed;
	width:200px;
	height:200px;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-100px;
	background:url(../images/loading2.gif);
}
*/

.loaded{
	display:none;
}


.loading{
	position:fixed;
	width: 80px;
	height: 40px;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-20px;
	text-align:center;
}
.loading span{
	display: inline-block;
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background: lightgreen;
	-webkit-animation: load 0.5s ease infinite;
}
@-webkit-keyframes load{
	0%,100%{
	    height: 40px;
	    background: lightgreen;
	}
	50%{
	    height: 70px;
	    margin: -15px 0;
	    background: lightblue;
	}
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.1s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.2s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.3s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.4s;
}

#topBanner{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:415px;
	background:	#F00;
	margin:0px;
	padding:0px;
}

#menuLine{
	position: absolute;
	left: 40px;
	top: 392px;
	width: 60px;
	height: 4px;
	background: #fff;
	border-radius: 10px;
	transition: ease-in-out all 500ms;
}


.menu0{
	position: absolute;
	left: 20px;
	top: 344px;
	width: 100px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: ”\5FAE\8F6F\96C5\9ED1”;
	font-size: 44px;
	line-height: 1;
	color: #fff;
	font-weight: bold; 
}

.menu1{
	position: absolute;
	left: 132px;
	top: 344px;
	width: 160px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: ”\5FAE\8F6F\96C5\9ED1”;
	font-size: 44px;
	line-height: 1;
	color: #eee;
	font-weight: bold; 
}


.menu2{
	position: absolute;
	left: 304px;
	top: 344px;
	width: 160px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: ”\5FAE\8F6F\96C5\9ED1”;
	font-size: 44px;
	line-height: 1;
	color: #eee;
	font-weight: bold; 
}


.menu3{
	position: absolute;
	left: 476px;
	top: 344px;
	width: 160px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: ”\5FAE\8F6F\96C5\9ED1”;
	font-size: 44px;
	line-height: 1;
	color: #eee;
	font-weight: bold; 
}

#contentBody{
	position:absolute;
	left:25px;
	top:415px;
	width:700px;
	height:auto;
	margin:0px;
	padding:0px;
	transition:all ease-in-out 0.5s;
}
#detailShow{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#FFF;
	display:none;
	-webkit-overflow-scrolling:touch;
}
/*
#btnReg{
	position:relative;
	width:100%;
	height:127px;
	text-align:center;
}
*/
#btnReg{
	position:fixed;
	left:47px;
	bottom:0px;
	width:675px;
	height:127px;
	font-size:33px;
	text-align:center;
	color:#f00;
	line-height:9.2;
	background:url(../images/btnReg.png);
}
#notationEnd{
	position:absolute;
	color:#333;
	font-size:27.5px;
	left:0px;
	top:130px;
	width:700px;
	height:50px;
	text-align:center;
}


#btnRegSub{
	position:relative;
	width:100%;
	height:110px;
	text-align:center;
}
.notationPop{
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-100px;
	padding-top:63px;
	width:300px;
	height:137px;
	font-size:34.375px;
	line-height:1.5;
	color:#4E85BE;
	text-align:center;
	display:none;
	background:#D8E8F5;
	opacity:0.9;
	border:#fff 2px solid;
	border-radius:15px;
}

.notationDiv{
	position:fixed;
	left:0px;
	top:0px;
	width:750px;
	height:48px;
	font-size:33px;
	line-height:2;
	color:#4E85BE;
	text-align:center;
	display:none;
	background:#D8E8F5;
	opacity:0.9;
}

.regLabel{
	width:155px;
	height:60px;
	font-size:41.25px;
	line-height:2;
	text-align:right;
	padding-right:20px;
	margin:15px 0px 15px 0px;
}
.regInput{
	width:465px;
	height:60px;
	font-size:41.25px;
	line-height:2;
	text-align:left;
	border:#ddd 2px solid;
	border-radius:10px;
	padding:0px 20px 0px 20px;
	margin:15px 0px 15px 0px;
	background:#fff;
}
.regVideoWorks{
	width:495px;
	height:auto;
	font-size:41.25px;
	line-height:2;
	text-align:left;
	border:none;
	margin:15px 0px 15px 0px;
	padding:0px;
	display:-webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:left;
}
.regVideoWorksSelect{
	width:145px;
	height:145px;
	font-size:137.5px;
	color:#ddd;
	line-height:1.45;
	text-align:center;
	border:#ddd 2px dashed;
	border-radius:10px;
	margin:0px;
	padding:0px;
}

.regImgWorks{
	width:495px;
	height:auto;
	font-size:41.25px;
	line-height:2;
	text-align:left;
	border:none;
	margin:15px 0px 15px 0px;
	padding:0px;
	display:-webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:left;
}
.regImgWorksSelect{
	width:145px;
	height:145px;
	font-size:137.5px;
	color:#ddd;
	line-height:1.45;
	text-align:center;
	border:#ddd 2px dashed;
	border-radius:10px;
	margin:8px 16px 8px 0px;
	padding:0px;
}
/*
.regImgWorks{
	width:495px;
	height:auto;
	font-size:41.25px;
	line-height:2;
	text-align:left;
	border:#ddd 2px solid;
	border-radius:10px;
	margin:15px 0px 15px 0px;
	padding:10px;
	display:-webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:left;
}
.regImgWorksSelect{
	width:145px;
	height:145px;
	font-size:137.5px;
	color:#ddd;
	line-height:1.45;
	text-align:center;
	border:#ddd 2px dashed;
	border-radius:10px;
	margin:8px;
	padding:0px;
}
*/
/*
	display:-webkit-flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content:right;
	align-items:top;
*/
.height180{
	height:180px;	
}

.hideBorder{
	border:none;	
}
.indexSearchBar{
	position: absolute;
	left: 0px;
	top: 20px;
	width: 580px; 
	height: 50px; 
	font-size:41.25px; 
	line-height: 1.66; 
	color:#333; 
	background:url(../images/searchInput4.png) no-repeat; 
	margin:0px; padding:0px;
}
.indexSearchInput{
	position: absolute;
	left: 68px;
	top: 9px;
	width: 450px;
	height: 26px;
	font-size: 33px;
	font-weight:bold;
	line-height: 1.083;
	border:none;
}
.indexSearchFilter{
	position: absolute;
	left: 580px;
	top: 20px;
	width: 120px;
	height: 50px; 
	font-size:41.25px; 
	line-height: 1.66; 
	font-weight: bold; 
	color:#333; 
	border:none;
}
.works{
	background:url(../images/default.png) no-repeat;
	background-color:#eee;
	position: absolute; 
	width: 321px; 
	height: 315px; 
	border-radius:15px;	
	box-shadow:2px 2px 5px #aaa; 
	padding:0px;
	margin:0px; 
}
.worksNo{
	position:absolute; 
	right:5px; 
	top:5px; 
	width:96px; 
	height:50px; 
	background:url(../images/worksNo.png) no-repeat; 
	border-radius:50px; 
	color:#fff; 
	text-align:center; 
	font-size:27.5px; 
	line-height:1;
	padding-top:15px;
}
.worksPic{
	position: absolute; 
	background-size:cover;
	width: 100%; 
	height: 213px;
	padding:0px;
	margin:0px; 
	border-radius:15px 15px 0px 0px;	
}

.picMask{
	position: absolute; 
	background-image: url(../images/mask.png);
	left: 0px;
	top: 161px;
	width: 100%;
	height: 52px;
	border:none;
	padding: 0px;
	margin: 0px;
}
.picName{
	position: absolute;
	left: 20px;
	top: 161px;
	width: 280px;
	height: 52px;
	padding: 0px;
	margin: 0px;
	font-size: 38.5px;
	line-height: 2;
	color: #fff;
}
.author{
	position: absolute;
	left: 20px;
	top: 215px;
	width: 183px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	font-size: 35.75px;
	line-height: 1.2;
	color: #333;
}
.school{
	position: absolute;
	left: 20px;
	top: 248px;
	width: 270px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	font-size: 24.75px;
	line-height: 1.55;
	color: #666;
}
.playAmount{
	position: absolute;
	left: 52px;
	top: 272px;
	width: 146px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	font-size: 27.5px;
	line-height: 1.8;
	color: #333;
}
.voteIcon{
	position: absolute;
	background: url(../images/voteIcon.png) no-repeat;
	background-position:left 0px top 0px;
	left: 215px;
	top: 215px;
	width: 104px;
	height: 61px;
	padding: 0px;
	margin: 0px;
	font-size: 27.5px;
	line-height: 1.8;
	color: #333;
	-webkit-filter: grayscale(0%);
}
.voteAmount{
	position: absolute;
	left: 225px;
	top: 272px;
	width: 90px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	font-size: 27.5px;
	line-height: 1.8;
	color: #333;
}
.rankVoteAmount1{
	position:absolute;
	left:28px;
	bottom:281px;
	width:175px;
	height:29px;
	font-size:33px;
	line-height:1.2;
	text-align:right;
	color:#888;	
}
.rankVoteAmount2{
	position:absolute;
	left:48px;
	bottom:243px;
	width:134px;
	height:24px;
	font-size:33px;
	text-align:right;
	line-height:1;
	color:#888;	
}
.rankTitle{
	position:absolute;
	left:0px;
	bottom:40px;
	width:230px;
	height:30px;
	font-size:41.25px;
	line-height:1;
	color:#222;	
}
.rankSubTitle{
	position:absolute;
	left:0px;
	bottom:0px;
	width:230px;
	height:30px;
	font-size:33px;
	line-height:1.25;
	color:#777;
}
.rankNo{
	position:absolute;
	left:93px;
	bottom:83px;
	width:44px;
	height:44px;
}

.rank123{
	position:absolute;
	left:0px;
	top:45px;
	width:230px;
	height:315px;
	text-align:center;
}




.rank1{
	position:absolute;
	background:url(../images/blank.png);
	background-size:cover;
	left:50%;
	bottom:105px;
	margin-left:-88px;
	width:175px;
	height:175px;
	border-radius:10px;
}

.rank2{
	position:absolute;
	background:url(../images/blank.png);
	background-size:cover;
	left:50%;
	bottom:105px;
	margin-left:-67px;
	width:134px;
	height:134px;
	border-radius:10px;
}
.rankContent{
	position:absolute;
	background-size:cover;
	left:0px;
	top:380px;
	width:700px;
	height:135px;
	border-top:#eee 2px solid;
}
.rankContentIndex{
	position:absolute;
	left:0px;
	top:55px;
	width:80px;
	height:26px;
	font-size:35.75px;
	line-height:1;
	color:#222;
	text-align:right;
}

.rankContentCover{
	position:absolute;
	left:102px;
	top:26px;
	width:88px;
	height:88px;
	border-radius:10px;
	background:url(../images/blank.png);
	background-size:cover;
}

.returnDetail{
	position:absolute;
	left:23px;
	top:35px;
	width:92px;
	height:32px;
	background:url(../images/return_red.png);	
}
.detailUserAvatar{
	position:absolute;
	background:url(../images/defaultBg.png);
	background-size:cover;
	left:25px;
	top:425px;
	width:66px;
	height:66px;
	border-radius:60px;
}
.detailUserNames{
	position:absolute;
	left:120px;
	top:435px;
	width:450px;
	height:66px;
	font-size:41.25px;
	line-height:1.2;
}
/*
*/
.detailShare{
	position: absolute;
	background:url(../images/share.png);
	right:35px;
	top: 435px;
	width: 47px;
	height: 48px;
}
.detailDesc{
	position:absolute;
	left:25px;
	top:511px;
	width:700px;
	height:auto;
	font-size:44px;
	color:#000;
	line-height:1.5;
}
/*
	border-top:#ddd 2px solid;

*/

.btnVote{
	position:fixed;
	background:url(../images/btnVote.png) no-repeat;
	left:41px;
	bottom:-40px;
	width:668px;
	height:110px;
	padding-top:40px;
	text-align:center;
	font-size:41.25px;
	color:#fff;
	line-height:1;
}
.prizeGoal{
	position:absolute;
	background:url(../images/prize1.png);
	left:0px;
	top:100px;
	width:139px;
	height:47px;	
}
.worksImgClose{
	position:relative;
	left:125px;
	top:-5px;
	width:30px;
	height:30px;
	margin:0px;
	padding:0px;
	border-radius:30px;
	background:url(../images/close.png) no-repeat;
}
#optionFrameBg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display:none;
}
#optionFrame{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left:-321px;
	margin-top:-350px;
	width: 642px;
	height: 700px;
	border-radius: 15px;
	border:#333 1px solid;
	background: #FFF;
	display:none;
}
#optionTitle{
	position: absolute;
	left: 36px;
	top: 28px;
	width: 500px;
	height: 30px;
	font-size: 41.25px;
	line-height: 1;
	background: #FFF;
}
#optionCloseIcon{
	position: absolute;
	border-radius: 30px;
	right: 26px;
	top: 26px;
	width: 30px;
	height: 30px;
	margin:0px;
	padding:0px;
	background:url(../images/close.png) no-repeat;
}
#optionsDiv{
	position: absolute;
	left: 36px;
	top: 70px;
	width: 570px;
	height: 600px;
	border-top:#EBEBEB 2px solid;
	overflow-x:hidden;
	overflow-y:scroll;
	display:-webkit-flex;
	flex-direction: column;
	justify-content:flex-start;
}
/*
	background: #FF0;
*/
.optionSelect{
	width:570px;
	height:70px;
	border-bottom:#EBEBEB 2px solid;
	font-size:38.5px;
	line-height:2.5;
	color:#424242;
	background:url(../images/option0.png) no-repeat;
	background-position:right 10px top 15px;
}

.optionSelected{
	background:url(../images/option1.png) no-repeat;
	background-position:right 10px top 15px;
}
